<div class="header">
    <el-row>
        <el-col :span="4">
            <div class="header-title">
                <span>图上政务</span>&nbsp;/&nbsp;<span style="color:#DFDDA0">政务仪表盘</span>
            </div>
        </el-col>
        <el-col :span="16">
            <div class="header-item">
                <router-link to="/gAffairsType"><span style="color:white">经济发展</span></router-link>
            </div>
            <div class="header-item">
                <span style="color:white">创新驱动</span></div>
            <div class="header-item">
                <span style="color:white">民生保障</span></div>
            <div class="header-item">
                <span style="color:white">生态环境</span></div>
        </el-col>
        <el-col :span="4" style="float:right;text-align: right;cursor: pointer;">
            <span style="color:white;margin: 0 15px;font-size: 14px">帮助</span>
            <el-dropdown trigger="click">
                <span class="el-dropdown-link" style="color:white;">
                    admin<i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="logout">退出</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-col>
    </el-row>
</div>